@charset "utf-8";

/* main_image */
.main_visual{height:480px; overflow:hidden; position:relative; width:100%; margin-bottom:70px;}
.main_image{height:480px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:480px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:480px;}
.main_image li span{display:block;width:100%;height:480px;}
.main_image li img{height: auto;}
.main_image li a{display:block;width:100%;}

div.flicking_con{position:absolute; bottom:10%; left:47%; z-index:99;width:150px;height:21px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(../images/btn_main_img.png) -12px no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:6px;}
#btn_prev,#btn_next{z-index:99;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left center;left:30px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right center;right:30px;}

@media screen and (min-width:1280px) and (max-width:1800px){ /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
	 .main_visual{height:380px;width: 100%;}
	 .main_image{height:380px;}
	}

@media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
	 .main_visual{height:260px;width: 100%;}
	 .main_image{height:260px;}
	}
	
@media screen and (min-width:600px) and (max-width:1000px){ /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
	 .main_visual{height:230px;width: 100%;}
	 .main_image{height:230px;}
	}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
	 .main_visual{height:138px;width: 100%;padding:0; margin-bottom:10px;}
	 .main_image{height:138px;}
	 div.flicking_con{left:38%;}
	}